<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> <!--演示如何设置轮廓的宽度-->
<style>
p.one
{
	border:1px solid red;
	outline-style:solid;
	outline-width:thin;/*设置轮廓的宽度*/
}
p.two
{
	border:1px solid red;
	outline-style:dotted;
	outline-width:3px;
}
</style>
</head>
<body>

<p class="one">This is some text in a paragraph.</p>
<p class="two">This is some text in a paragraph.</p>

<p><b>注意:</b> 如果只有一个 !DOCTYPE 指定 IE8 支持 outline 属性。</p>
</body>
</html>